.box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  grid-column-gap: 2rem;
  grid-row-gap: 2.5rem;
  //justify-items: center;
  justify-content: center;
}

.item {
  width: 330px;
}

.item:hover {
  box-shadow:
    0 0.5em 1em -0.125em rgb(10 10 10 / 10%),
    0 0 0 1px rgb(10 10 10 / 2%);
  color: var(--bs-body-color);
  background: var(--yw-bg-bg);
}
